$(function() {
    $('#task').css('height', '100%' + $('#task').outerHeight())
        //登录/注册点击事情
    $('.loginbtn').click(function() {
        $('.login').show('fast');
        $('.mask').show('fast');
    })
    $('.close').click(function() {
        $(this).parent().hide('fast');
        $('.mask').hide('fast');
        $('.input-item-error').text('')
    })
    $('.register-link').click(function() {
        $('.login').hide('fast');
        $('.register').show('fast');
    })
    $('.login-link').click(function() {
        $('.register').hide('fast');
        $('.login').show('fast');
    })
    $('.input-item input').on({
        mouseenter: function() {
            $(this).prev('label').css('border-color', '#C0C4CC')
            $(this).css('border-color', '#C0C4CC')
        },
        mouseout: function() {
            $(this).prev('label').css('border-color', '#DCDFE6')
            $(this).css('border-color', '#DCDFE6')
        },
        focus: function() {
            $(this).unbind('mouseout')
            $(this).prev('label').css('border-color', '#C0C4CC')
            $(this).css('border-color', '#C0C4CC')
        },
        blur: function() {
            let self = $(this)
            self.mouseout(function() {
                self.prev('label').css('border-color', '#DCDFE6')
                self.css('border-color', '#DCDFE6')
            })
            $(this).prev('label').css('border-color', '#DCDFE6')
            $(this).css('border-color', '#DCDFE6')
        }
    })
    $('.mmd').click(function() {
            let color = 'rgb(' + parseInt(Math.random() * 255) + ',' + parseInt(Math.random() * 255) + ',' + parseInt(Math.random() * 255) + ')';
            $(this).css('color', color);
        })
        // 判断注册合法
    const unameRegExp = /^[a-zA-z0-9_\u4e00-\u9fa5]{3,8}$/
    const emailRegExp = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
    const phoneRegExp = /^\d{10,}$/
    const pwdRegExp = /^[\d+(a-zA-Z)+]{6,8}$/

    let $unameError = $('.register input[name="uname"]').next('.input-item-error')
    let $emailError = $('.register input[name="uemail"]').next('.input-item-error')
    let $phoneError = $('.register input[name="phone"]').next('.input-item-error')
    let $pwdError = $('.register input[name="pwd"]').next('.input-item-error')
    let $checkPwdError = $('.register input[name="checkPwd"]').next('.input-item-error')
    $('.register .submit').on('click', function() {
        if (!unameRegExp.test($('.register input[name="uname"]').val())) {
            $unameError.text('名字必须是3-8位，由字母数字下划线中文组成')
        }
        if (!emailRegExp.test($('.register input[name="uemail"]').val())) {
            $emailError.text('邮箱格式错误')
        }
        if (!phoneRegExp.test($('.register input[name="phone"]').val())) {
            $phoneError.text('手机格式错误')
        }
        if (!pwdRegExp.test($('.register input[name="pwd"]').val())) {
            $pwdError.text('密码必须是6-8位，且包需包含数字和字母')
        }
        if ($('.register input[name="pwd"]').val() !== $('.register input[name="checkPwd"]').val()) {
            $checkPwdError.text('密码不一致')
        }
    })
    $('.register input[name="uname"]').on({
        focus: function() {
            $unameError.text('')
        },
        blur: function() {
            if (!unameRegExp.test($('.register input[name="uname"]').val())) {
                $unameError.text('名字必须是3-8位，由字母数字下划线中文组成')
            }
        }
    })
    $('.register input[name="uemail"]').on({
        focus: function() {
            $emailError.text('')
        },
        blur: function() {
            if (!emailRegExp.test($('.register input[name="uemail"]').val())) {
                $emailError.text('邮箱格式错误')
            }
        }
    })
    $('.register input[name="phone"]').on({
        focus: function() {
            $phoneError.text('')
        },
        blur: function() {
            if (!phoneRegExp.test($('.register input[name="phone"]').val())) {
                $phoneError.text('手机格式错误')
            }
        }
    })
    $('.register input[name="pwd"]').on({
        focus: function() {
            $pwdError.text('')
        },
        blur: function() {
            if (!pwdRegExp.test($('.register input[name="pwd"]').val())) {
                $pwdError.text('密码必须是6-8位，且包需包含数字和字母')
            }
        }
    })
    $('.register input[name="checkPwd"]').on({
        focus: function() {
            $checkPwdError.text('')
        },
        blur: function() {
            if ($('.register input[name="pwd"]').val() !== $('.register input[name="checkPwd"]').val()) {
                $checkPwdError.text('密码不一致')
            }
        }
    })
    let $lunameError = $('.login input[name="uname"]').next('.input-item-error')
    let $lpwdError = $('.login input[name="pwd"]').next('.input-item-error')
    $('.login .submit').click(function() {
        if ($(".login input[name='uname']").val() === '') {
            $lunameError.text('用户名不能为空')
        }
        if ($(".login input[name='pwd']").val() === '') {
            $lpwdError.text('密码不能为空')
        }
    })
    $('.login input[name="uname"]').on({
        focus: function() {
            $lunameError.text('')
        },
        blur: function() {
            if ($(".login input[name='uname']").val() === '') {
                $lunameError.text('用户名不能为空')
            }
        }
    })
    $(".login input[name='pwd']").on({
        focus: function() {
            $lpwdError.text('')
        },
        blur: function() {
            if ($(".login input[name='pwd']").val() === '') {
                $lpwdError.text('密码不能为空')
            }
        }
    })
})